<template>
  <a-card>
    <title-name title="团员对内转出详情" />
    <a-spin :spinning="loading">
      <a-descriptions :column="{ xs: 1, sm: 1, md: 3 }">
        <a-descriptions-item label="团员名称">
          {{ form.userName }}
        </a-descriptions-item>
        <a-descriptions-item label="转出团支部">
          {{ form.youthOrgName }}
        </a-descriptions-item>
        <a-descriptions-item label="转入团支部">
          {{ form.futureYouthOrgName }}
        </a-descriptions-item>
        <a-descriptions-item label="备注">
          {{ form.remarks }}
        </a-descriptions-item>
      </a-descriptions>
    </a-spin>
  </a-card>
</template>

<script>
  import { getYouthMemberBybusinessId } from '@/api/partyMasses/leagueManage'
  export default {
    name:'a'+ Date.now(),
    components: {
    },
    data() {
      return {
        loading:false,
        form:{
          userName:'',
          youthOrgName:'',
          futureYouthOrgName: '',
          remarks: ''
        },
      }
    },
    created(){
      this.loading = true
      let id = this.$route.query.businessId
      console.log(id)
      getYouthMemberBybusinessId({id:id}).then(res => {
        if(res.code === '0'){
          this.form = res.data
        }
        this.loading = false
      }).catch(err => {
        this.loading = false
      })
    },
    methods:{},
  }
</script>

<style lang="less" scoped>
  /deep/ .ant-descriptions-item{
    white-space: break-spaces;
    vertical-align: top;
  }
</style>